<!--
 * @Author: lee
 * @Date: 2024-01-19 16:39:46
 * @LastEditors: lee
 * @LastEditTime: 2024-01-23 17:47:26
 * @Description: file content
-->
<script setup>
const props = defineProps({
  stars: {
    type: Number,
    default: 0
  }
});
console.log("stars", props.stars);
</script>
<template>
  <div class="star-list" v-if="props.stars>0">
    <div class="star-item" v-for="(i,k) in props.stars" :key="k">
      <img src="@/assets/img/rateStarIcon.png" class="star-icon" />
    </div>
  </div>
</template>
<style scoped lang="scss">
.star-list {
  display: flex;
  .star-item{
    margin-left: 15px;
  }
  .star-icon {
    width: 16px;
  }
}
</style>